<template>
  <div id="leftNav">
         <el-menu
                 class="el-menu-vertical-demo"
                 text-color="#ffffff"
                 background-color="#00B8D2"
                 active-text-color="#ffffff"
                 :default-active="leftNavActive"
                 router>
             <el-menu-item
                     v-for="(item,index) in leftNavData" :key="index" :index=item.path @click="getRouter(item.path,item.name)">
                 <div>
                     <i :class=item.iconName></i>
                 </div>
                 <span slot="title">{{item.name}}</span>
             </el-menu-item>
         </el-menu>
     </div>
  
  
</template>

<script>
  export default {
    data(){
               return{
                   leftNavData:[
                       {path:'/Main/Home',iconName:'el-icon-house',name:'首页'},
                       {path:'/Main/Order',iconName:'el-icon-document',name:'订单'},
                       {path:'/Main/Goods',iconName:'el-icon-shopping-bag-1',name:'商品'},
                       {path:'/Main/Money',iconName:'el-icon-bank-card',name:'资金'},
                       {path:'/Main/Promotion',iconName:'el-icon-present',name:'促销'},
                       {path:'/Main/Notice',iconName:'el-icon-chat-dot-round',name:'通知'},
                   ]
               }
           },
    methods:{
      dianji(){
      this.$parent.onEnlargeText();
      }
    }
  }
  
</script>

<style>
</style>
